﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>GIS一张图</title>
    <link href="styles/page.css" rel="stylesheet" type="text/css" />
    <link href="styles/search.css" rel="stylesheet" type="text/css" />
    <link href="styles/panel.css" rel="stylesheet" type="text/css" />
    <link href="styles/pagination.css" rel="stylesheet" type="text/css" />
    <script language="javascript" type="text/javascript" src="/bfs/common/scripts/dynamicImportJs.js"></script>
	<script type="text/javascript">
	load([ "jquery-1.11.2", "easyUI-1.4.5","echarts-3.6.2","bootstrap", "datepicker"]); 
	</script>
    
</head>
<body>
<!--main-->
<div class="n-main">

	<div id="left-panel" class="" style="height: 557px;">
		<div id="searchbox" class="clearfix">
			<div id="searchbox-container">
				<div id="sole-searchbox-content" class="searchbox-content">
					<input id="sole-input" class="searchbox-content-common" type="text" name="word" autocomplete="off" maxlength="256" placeholder="搜企业、查排口" value=""/>
					<div class="input-clear" title="清空" style="display:none;"></div>
					<!-- <div class="searchbox-content-button right-button route-button loading-button" data-title="路线" data-tooltip="2">
					</div> -->
				</div>
			</div>
			<button id="search-button" data-title="搜索" data-tooltip="1"></button>
		</div>
	</div>

    <div id="outer-box" class="mapserv">
        <div class="mapbg" id="container">
        </div>
        <div class="time-SearchData" id="totalLicenseContent">
		</div>
		<!-- <div class="time-SearchData" id="totalPointContent" style="right:500px;!important;">
		</div> -->
		<div class="time-SearchData" style="display: none;">
			<ul>
				<li id="enterpriseLayerList">
					<div class="n-icon01 icon-list"><a href="#"></a><span>企业汇总</span></div>
				</li>
				<li id="pointLayerList">
					<div class="n-icon02 icon-list"><a href="#"></a><span>排口汇总</span></div>
				</li>
				<li id="pointDetailLayerList">
					<div class="n-icon03 icon-list"><a href="#"></a><span>排口详情</span></div>
				</li>
				<li id="emissionLayerList">
					<div class="n-icon04 icon-list"><a href="#"></a><span>排污排名</span></div>
				</li>
				<li id="enviormentLayerList">
					<div class="n-icon05 icon-list"><a href="#"></a><span>环境排名</span></div>
				</li>
				<li id="illegalLayerList">
					<div class="n-icon04 icon-list"><a href="#"></a><span>违法详情</span></div>
				</li>
			</ul>
		</div>
		
		<div class="bs-example bs-example-tabs tab-right" data-example-id="e-togglable-tabs" id="enterpriseTabDiv" style="display:none;">
		   <ul id="enterpriseTabUl" class="nav nav-tabs">
				<li class="active"><a href="#enterpriseAreaTab" data-toggle="tab">区域</a></li>
				<li><a href="#enterpriseTradeTab" data-toggle="tab">行业</a></li>
				<li><a href="#enterpriseControlTab" data-toggle="tab">监管类型</a></li>
			</ul>
			<div id="enterpriseTabContent" class="tab-content" style="width: 400px;height: 380px;color: #333">
				<div class="tab-pane fade in active" id="enterpriseAreaTab" style="width: 400px;height: 100%;">
				</div>
				<div class="tab-pane fade" id="enterpriseTradeTab" style="width: 400px;height: 100%;">
				</div>
				<div class="tab-pane fade" id="enterpriseControlTab" style="width: 400px;height: 100%;">
				</div>
			</div>
		</div>
		
		<div class="bs-example bs-example-tabs tab-right" data-example-id="p-togglable-tabs" id="pointTabDiv" style="display:none;">
		   <ul id="pointTabUl" class="nav nav-tabs">
				<li class="active"><a href="#pointAreaTab" data-toggle="tab">区域</a></li>
				<li><a href="#pointTradeTab" data-toggle="tab">行业</a></li>
				<li><a href="#pointTypeTab" data-toggle="tab">排污类型</a></li>
			</ul>
			<div id="pTabContent" class="tab-content" style="width: 400px;height: 380px;color: #333">
				<div class="tab-pane fade in active" id="pointAreaTab" style="width: 400px;height: 100%;">
				</div>
				<div class="tab-pane fade" id="pointTradeTab" style="width: 400px;height: 100%;">
				</div>
				<div class="tab-pane fade" id="pointTypeTab" style="width: 400px;height: 100%;">
				</div>
			</div>
		</div>
		
		<div class="bs-example bs-example-tabs panel panel-primary tab-right" data-example-id="pd-togglable-tabs" id="pointDetailTabDiv" style="display:none;">
			<div class="panel-heading" style="background-color:#3385ff;border-color:#3385ff;" id="pointHead"></div>
		   	<ul id="pointDetailTab" class="nav nav-tabs">
				<li class="active"><a href="#pointDetailBaseTab" data-toggle="tab">基本信息</a></li>
				<li><a href="#pointDetailStandardTab" data-toggle="tab">排放标准</a></li>
				<li><a href="#pointDetailRealDataTab" data-toggle="tab">监测数据</a></li>
			</ul>
			<div id="pointDetailTabContent" class="tab-content" style="width: 400px;height: 380px;color: #333">
				<div class="tab-pane fade in active commonscrollbar" id="pointDetailBaseTab" style="width: 400px;height: 100%;overflow-y:auto;">
				</div>
				<div class="tab-pane fade commonscrollbar" id="pointDetailStandardTab" style="width: 400px;height: 100%;overflow-y:auto;">
				</div>
				<div class="tab-pane fade commonscrollbar" id="pointDetailRealDataTab" style="width: 400px;height: 100%;overflow-y:auto;">
				</div>
			</div>
		</div>
		
		<div class="bs-example bs-example-tabs panel panel-primary tab-right" data-example-id="em-togglable-tabs" id="emissionTabDiv" style="display:none;">
			<div class="panel-heading" style="background-color:#3385ff;border-color:#3385ff;" id="emissionHead"></div>
		   	<ul id="emissionTab" class="nav nav-tabs">
				<li class="active"><a href="#emissionCityTab" data-toggle="tab">城市排名</a></li>
				<li><a href="#emissionAreaTab" data-toggle="tab">区县排名</a></li>
				<li><a href="#emissionEnterpriseTab" data-toggle="tab">企业排名</a></li>
			</ul>
			<div id="emissionTabContent" class="tab-content" style="width: 400px;height: 380px;color: #333">
				<div class="tab-pane fade in active commonscrollbar" id="emissionCityTab" style="width: 400px;height: 100%;overflow-y:auto;">
				</div>
				<div class="tab-pane fade commonscrollbar" id="emissionAreaTab" style="width: 400px;height: 100%;overflow-y:auto;">
				</div>
				<div class="tab-pane fade commonscrollbar" id="emissionEnterpriseTab" style="width: 400px;height: 100%;overflow-y:auto;">
				</div>
			</div>
		</div>
		
		<div class="bs-example bs-example-tabs panel panel-primary tab-right" data-example-id="en-togglable-tabs" id="enviormentTabDiv" style="display:none;">
			<div class="panel-heading" style="background-color:#3385ff;border-color:#3385ff;" id="enviormentHead"></div>
		   	<ul id="enviormentTab" class="nav nav-tabs">
				<li class="active"><a href="#enviormentCityTab" data-toggle="tab">城市排名</a></li>
				<li><a href="#enviormentAreaTab" data-toggle="tab">区县排名</a></li>
				<li><a href="#enviormentEnterpriseTab" data-toggle="tab">监测点位</a></li>
			</ul>
			<div id="enviormentTabContent" class="tab-content" style="width: 400px;height: 380px;color: #333">
				<div class="tab-pane fade in active commonscrollbar" id="enviormentCityTab" style="width: 400px;height: 100%;overflow-y:auto;">
				</div>
				<div class="tab-pane fade commonscrollbar" id="enviormentAreaTab" style="width: 400px;height: 100%;overflow-y:auto;">
				</div>
				<div class="tab-pane fade commonscrollbar" id="enviormentEnterpriseTab" style="width: 400px;height: 100%;overflow-y:auto;">
				</div>
			</div>
		</div>
		
		<div class="bs-example bs-example-tabs panel panel-primary tab-right" data-example-id="ig-togglable-tabs" id="illegalTabDiv" style="display:none;">
			<div class="panel-heading" style="background-color:#3385ff;border-color:#3385ff;" id="illegalHead"></div>
		   	<ul id="illegalTab" class="nav nav-tabs">
				<li class="active"><a href="#illegalCityTab" data-toggle="tab">城市排名</a></li>
				<li><a href="#illegalAreaTab" data-toggle="tab">区县排名</a></li>
				<li><a href="#illegalEnterpriseTab" data-toggle="tab">企业违法</a></li>
			</ul>
			<div id="enviormentTabContent" class="tab-content" style="width: 400px;height: 380px;color: #333">
				<div class="tab-pane fade in active commonscrollbar" id="illegalCityTab" style="width: 400px;height: 100%;overflow-y:auto;">
				</div>
				<div class="tab-pane fade commonscrollbar" id="illegalAreaTab" style="width: 400px;height: 100%;overflow-y:auto;">
				</div>
				<div class="tab-pane fade commonscrollbar" id="illegalEnterpriseTab" style="width: 400px;height: 100%;overflow-y:auto;">
				</div>
			</div>
		</div>
   </div>
   
   	<div class="special-block commonscrollbar" style="max-height:88%;display:block">
   		
		<div id="aroundbox" class="sp-list-block" style="position:relative;display:none;">
			<ul class="special-list">
				<div style="border-bottom: 1px dashed #ddd;height:75px;">
				<li class="item enterprise-item" data-type="search" keyword="enterprise">
					<div class="block-icon">
						<img src="images/push-dirty-icon.png">
						<span>排污许可企业</span>
					</div>
				</li>
				<li class="item point-item" data-type="search" keyword="point">
					<div class="block-icon">
						<img src="images/paiwu.png">
						<span>排污口</span>
					</div>
				</li>
				<li class="item warm-item" data-type="search" keyword="warm">
					<div class="block-icon">
						<img src="images/xukez-icon.png">
						<span>许可证到期预警</span>
					</div>
				</li>
				</div>
				<li class="clear item emission-item" data-type="search" keyword="emission">
					<div class="block-icon">
						<img src="images/paifang-icon.png">
						<span>排放量</span>
					</div>
				</li>
				<li class="item illegal-item" data-type="search" keyword="illegal">
					<div class="block-icon">
						<img src="images/weifa.png">
						<span>违法企业</span>
					</div>
				</li>
				<li class="item envrior-item" data-type="search" keyword="envriornment">
					<div class="block-icon">
						<img src="images/huanjing.png">
						<span>环境质量排污关系</span>
					</div>
				</li>
			</ul>
		</div>
		<div class="classify" count="2" style="display:none;">
			<p class="cl-head" style="border-radius: 4px;" id="content">
			</p>
			<div class="classify-area classsify-down" id="area">
			</div>
			<div class="classify-area classsify-down" id="trade">
			</div>
			<div class="classify-sort classsify-down" id="type" style="display: none;">
			</div>
			<div class="classify-sort classsify-down" id="gasWaterType" style="display: none;">
			</div>
			<div class="Screening-conditions classsify-down" id="sort" style="display:none;">
				<form class="form-inline" id="advForm" data-toggle="validator">
				  <div class="form-group" style="width:100%">
					<label for="exampleInputName2">许可排放量：</label>
					<select class="form-control" style="width:222px;" id="permitPolluteCode" name="permitPolluteCode">
						<option value="">请选择</option>
					</select>
				  </div>
				  <div class="form-group">
					<label style="width: 84px;text-align: right;">范围：</label>
					<input type="text" style="width:70px;" class="form-control" pattern="^[-+]?\d+(\.\d+)?$" maxlength="10" data-error="只能是数字" placeholder="" id="permitEmissionFrom" name="permitEmissionFrom"><label style="padding:0 2px;">至</label>
					<input type="text" style="width:70px;" class="form-control" pattern="^[-+]?\d+(\.\d+)?$" maxlength="10" data-error="只能是数字"  placeholder="" id="permitEmissionTo" name="permitEmissionTo"><label style="font-size:12px;float: right; line-height: 30px;">单位：KG</label>
				  </div>
				  <div class="form-group">
					<label for="exampleInputName2">实际排放量：</label>
					<select class="form-control" style="width:222px;" id="actualPolluteCode" name="actualPolluteCode">
						<option value="">请选择</option>
					</select>
				  </div>
				  <div class="form-group">
					<label style="width: 84px;text-align: right;">范围：</label>
					<input type="text" style="width:70px;" class="form-control" pattern="^[-+]?\d+(\.\d+)?$" maxlength="10" placeholder="" id="actualEmissionFrom" name="actualEmissionFrom"><label style="padding:0 2px;">至</label>
					<input type="text" style="width:70px;" class="form-control" pattern="^[-+]?\d+(\.\d+)?$" maxlength="10" placeholder="" id="actualEmissionTo" name="actualEmissionTo"><label style="font-size:12px;float: right; line-height: 30px;">单位：KG</label>
				  </div>
				  <div class="form-group">
					<label for="exampleInputName2">许可证年限：</label>
					<select class="form-control" style="width:83px;" id="startYear" name="startYear">
						<option value="">请选择</option>
					</select>
					至
					<select class="form-control" style="width:83px;" id="endYear" name="endYear">
						<option value="">请选择</option>
					</select>
				  </div>
				  <div class="form-group">
					<label style="float:left; height:80px;line-height: 40px;width: 83px; text-align:right;">处理工艺：</label>
					<div style="float:left; width:235px;" id="processTechCheck">
					</div>
				  </div>
				  <p class="text-center">
				  	<button type="button" id="myButton" style="margin-top: 10px;" class="btn btn-success" autocomplete="off">确定</button>
				  </p>
				</form>
			</div>
			<div class="Screening-conditions classsify-down" id="permitActual" style="display:none;">
				<form class="form-inline">
				  <div class="form-group" style="width:100%">
					<label class="radio-inline">
				        <input type="radio" name="optionsRadiosinline" id="optionsRadios3" value="option1" style="top: -2px;position: relative;!important" checked/> 许可排放量
				    </label>
				    <label class="radio-inline">
				        <input type="radio" name="optionsRadiosinline" id="optionsRadios4"  value="option2" style="top: -2px;position: relative;!important"/> 实际排放量
				    </label>
				  </div>
				  <div class="form-group">
					<label for="exampleInputName2">污染物种类：</label>
					<select class="form-control" style="width:222px;" id="permitAcutalPolluteCode">
						<option value="">请选择</option>
					</select>
				  </div>
				  <p class="text-center">
				  	<button type="button" id="myButton2" style="margin-top: 10px;" class="btn btn-success" autocomplete="off">确定</button>
				  </p>
				</form>
			</div>
			<div class="classify-sort classsify-down" id="air" style="display: none;">
			</div>
			<div class="classify-sort classsify-down" id="year" style="display: none;">
			</div>
		</div>
		<div id="panel" class="scrollbar1" style="display:none;min-height: 440px;">
	        <ul id="enterpriseList">
	        </ul>
	    	<ul id="pagination-enterprise" class="pagination-sm" style="margin: 20px 0px 20px 10px!important"></ul>
	    </div>
	</div>
   
</div>   	

<script src="http://webapi.amap.com/maps?v=1.4.2&key=02a37b38c4b33a671f1cd1584b54adc8"></script>
<script src="//webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
<script src="scripts/plugin/jquery.twbsPagination.min.js"></script>
<script src="scripts/plugin/bootstrapValidator.min.js"></script>

<script src="scripts/gis/gisGlobalConfig.js"></script>
<script src="scripts/gis/gisMain.js"></script>

<!-- <script>
importScript("scripts/plugin/jquery.twbsPagination.min.js");
importScript("scripts/plugin/bootstrapValidator.min.js");
importScript("scripts/gisController.js");
importScript("scripts/gisService.js");
importScript("scripts/gis.js");
importScript("scripts/gisPanel.js");
importScript("scripts/gisCard.js");
importScript("scripts/gisBaseControl.js");
</script> -->
</body>
</html>

